<template>
  <div class="common-layout">
    <el-container>
      <!-- 头部导航 -->
      <el-header><MyHeader /></el-header>
      <!-- 主页显示内容 -->
      <el-main><router-view /></el-main>

      <!-- 底部内容 -->
      <!-- <el-footer>Footer</el-footer> -->
    </el-container>
  </div>
</template>

<script>
import MyHeader from "@/components/MyHeader.vue";
export default {
  components: { MyHeader },
};
</script>

<style scoped lang="scss">
.el-header {
  --el-header-padding: 0 0;
  height: 35px;
}
.common-layout {
  min-width: 1200px;
}
</style>